<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		localStorage的使用，存储数据到本地，20mb <br/>
		setItem(key,value)<br/>
		getItem(key)<br/>
		removeItem(key)<br/>
		1.存储在浏览器的内存中
		2.永久生效的，内容存在硬盘上
		<input type="text" id="myname" name="myname"/>
		<input type="button" value="设置数据" id="setdata"/>
		<input type="button" value="获取数据" id="getdata"/>
		<input type="button" value="删除数据" id="rmdata"/>
		<script>
			document.querySelector("#setdata").onclick=
			function(){
				var username = document.querySelector("#myname")
				window.localStorage.setItem("username",username)
			}
			document.querySelector("#getdata").onclick=
			function(){
					var name = window.localStorage.getItem("username")
					console.log(name)
			}
			document.querySelector("#rmdata").onclick=
			function(){
					window.localStorage.removeItem("username")
			}
		</script>
	</body>
</html>